<template>
  <div>
    <ul class="nav nav-tabs">
      <li>
        <router-link
          class="list-group-item"
          active-class="active"
          to="/home/news"
          replace
          >News</router-link
        >
      </li>
      <li>
        <router-link
          class="list-group-item"
          active-class="active"
          to="/home/message"
          replace
          >Message</router-link
        >
      </li>
    </ul>
    <keep-alive include="News">
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script lang="ts">
export default {
  name: "Home",
  mounted() {
    // console.log("Home组件挂在完毕了", this);
  },
  // beforeDestroy() {
  //   console.log("Home即将被销毁");
  // },
  methods: {},
};
</script>

<style></style>
